<template>
    <div class="qq" @click="getName()">
        <div class="s-two">
            <div class="s-two-qq">
                <div class="s-two-q"> </div>
                <div class="s-two-w">
                    <div class="s-two-e"></div>
                    <div class="s-two-r">
                        <!-- <div class="s-two-ee">{{ name }} -->
                        <!-- </div> -->
                        <div class="s-two-rr"></div>
                    </div>
                </div>
            </div>
            <div class="s-two-aa">
                <div class="s-two-a">
                    <div class="s-two-s">企业总数</div>
                    <div class="s-two-ss">{{ info.qyzs }}</div>
                </div>
                <div class=" s-two-a ">
                    <div class="s-two-s">未分配</div>
                    <div class="s-two-ss">{{ info.wfp }}</div>
                </div>
            </div>
            <div class="s-two-aa">
                <div class="s-two-a">
                    <div class="s-two-s">已跟进</div>
                    <div class="s-two-ss">{{ info.ygj }}</div>
                </div>
                <div class=" s-two-a ">
                    <div class="s-two-s">营销成功</div>
                    <div class="s-two-ss">{{ info.yxcg }}</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "",
    /*1. Vue扩展 */
    extends: "", // extends和mixins都扩展逻辑，需要重点放前面
    mixins: [],
    components: {},
    /* 2. Vue数据 */
    props: {
       info:{
        type:Object,
       }
    },
    model: { prop: "", event: "" }, // model 会使用到 props
    data() {
        return {};
    },
    computed: {},
    watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
    /* 3. Vue资源 */
    filters: {},
    directives: {},
    /* 4. Vue生命周期 */
    created() { },
    mounted() { },
    destroy() { },
    /* 5. Vue方法 */
    methods: {
       
    }
};
</script>


<style scoped lang="scss">
.qq {
    border: 1px solid red;
    color: aqua;

    .s-two {
        height: 179px;
        background: #FFFFFF;
        box-shadow: 0px 0px 5px 0px rgba(0, 82, 206, 0.06);
        border-radius: 9px;
        margin: -22px 13px 10px 13px;
        overflow: hidden;

        .s-two-qq {
            margin: 17px 0 0 15px;
            display: flex;

            .s-two-q {
                width: 32px;
                height: 49px;
                border: 1px solid red;
            }

            .s-two-w {
                margin-left: 10px;
                font-size: 16px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                color: #000000;
            }

            .s-two-r {
                display: flex;
                align-items: center;
                padding-top: 9px;

                .s-two-ee {
                    font-size: 12px;
                    font-family: Alibaba PuHuiTi;
                    font-weight: 400;
                    color: #FFFFFF;
                    width: 73px;
                    height: 19px;
                    background: #7EB993;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 19px;
                }

                .s-two-ee0 {
                    background: #1d0a86;
                }

                .s-two-ee1 {
                    background: #e32939;
                }

                .s-two-ee2 {
                    background: #87c613;
                }


                .s-two-rr {
                    font-size: 13px;
                    font-family: Alibaba PuHuiTi;
                    font-weight: 400;
                    color: #5F6269;
                    margin-left: 10px;
                }
            }
        }

        .s-two-aa {
            display: flex;
            margin: 10px 0 0 16px;

            .s-two-a {
                width: 50%;

                .s-two-s {
                    font-size: 13px;
                    font-family: Alibaba PuHuiTi;
                    font-weight: 400;
                    color: #5F6269;
                }

                .s-two-ss {
                    font-size: 16px;
                    font-family: Alibaba PuHuiTi;
                    font-weight: 400;
                    color: #000000;

                }
            }
        }
    }
}
</style>